
<!doctype html>
<html>
<head>
<meta charset="utf-8">
	<title>{$site_title}-会员登录</title>
<link href="{url:#qhf/font/iconfont.css}" rel="stylesheet"/>
<link href="{url:#qhf/dl.css}" rel="stylesheet" type="text/css"/>
<script src="{url:#js/jquery.min.js}"></script>
</head>
<body class="d-body">
	<div class="container">
		<div class="logo" style="top:17px;left:302px;">
			<!-- 
		   <img src="{url:#images/logo.png}" alt="logo" width="155px" height="76px">
		   -->
		   <a href="{url:/index/index}">
		   <img src="{url:@$site_logo}" alt="logo" width="240px" height="60px">
		   </a>
			<!--<span class="logo-text">商城</span>-->
		</div>
		
		
        <div class="d-container">
             <div class="d-container-et">

				 <div class="d-container-at">
					 <h4 class="d-container-at1"><a href="#" style="font-size:25px;">会员登录</a></h4>
					 <!-- 
					 <h4 class="d-container-at2"><a href="#">注册会员</a></h4>
					 -->
				 </div>
				 
				 <!-- 显示提示消息的层 -->
				 
				 <div class="d-container-bt" id="div_msg" style="font-size:15px;color:red;">
				 </div>
				 
				<form action="{url:/simple/login_act}" method="post" id="login_form">
						 <div class="d-container-qt">
							 <div class="d-container-left">
								 <i class="iconfont icon-shoujihao"></i>
							 </div><!--y-container-left结束-->
							 <div class="d-container-right">
								 <input type="text" class="d-container-right-1" name="account" id="account" placeholder="请输入用户名">
							 </div><!--y-container-right结束-->
						 </div><!--y-container-qt结束-->
						 <div class="d-container-qt">
							 <div class="d-container-left">
								 <i class="iconfont icon-mima"></i>
							 </div><!--y-container-left结束-->
							 <div class="d-container-right">
								 <input type="password" class="d-container-right-1" name="password" id="password" placeholder="请输入密码">
							 </div><!--y-container-right结束-->
						 </div><!--y-container-qt结束-->
						 <div class="d-container-qt">
							 <div class="d-container-left">
								 <i class="iconfont icon-duanxinyanzhengma"></i>
							 </div><!--y-container-left结束-->
							 <div class="d-container-right-y">
								 <input type="text" class="d-container-right-2" placeholder="请输入验证码" name="valicode" id="valicode">
							 </div><!--y-container-right结束-->
							 <div class="d-container-right-m">
								 <!-- 
								 <img src="image/yzm.jpg" alt="">
								 -->
								 <a href="javascript:void(0)" class="red" onclick="document.getElementById('captcha_img').src='{url:/simple/captcha/h/40/w/120/bc/f1f1f1/random/}'+Math.random()">
								 	<img id="captcha_img"  src="{url:/simple/captcha/h/34/w/100/bc/f1f1f1}">
								 </a>
							 </div><!--d-container-right-m结束-->
						 </div><!--y-container-qt结束-->
						 
						 <div class="d-container-rt" style="margin-left:-10px;">
						 <!-- 
						 <button type="button" class="d-container-dt">登&nbsp;&nbsp;&nbsp;&nbsp;录</button>
						 -->
						 <input type="button" class="d-container-dt" style="cursor:pointer;width:321px;" value="登&nbsp;&nbsp;&nbsp;&nbsp;录" id="btn_login"/>
					 	<div class="d-container-ut" style="margin-left: -60px;">
							 <span class="d-container-wt"><a href="{url:/simple/forget_password}">忘记密码</a>
							 &nbsp;&nbsp;&nbsp;&nbsp;
							 &nbsp;&nbsp;&nbsp;&nbsp;
							 &nbsp;&nbsp;&nbsp;
							 <!--<a href="{url:/simple/reg}">免费注册</a>-->
							 </span>
						 </div>
					 </div><!--y-container-qt结束-->
				 </form>
			 </div><!--d-container-et结束-->
		</div><!--d-container结束-->
		 
		<div class="d-footer">
			<div class="d-footer-lt">
				  <ul>
					  <li><a href="#">关于我们</a>&nbsp;|</li>
					  <li><a href="#">联系我们</a>&nbsp;|</li>
					  <li><a href="#">人才招聘</a>&nbsp;|</li>
					  <li><a href="#">商家入驻</a>&nbsp;|</li>
					  <li><a href="#">广告服务</a>&nbsp;|</li>
					  <li><a href="#">众享商城</a>&nbsp;|</li>
					  <li><a href="#">友情链接</a>&nbsp;|</li>
					  <li><a href="#"></a>销售联盟&nbsp;</li>
				  </ul>
			</div>
			<!-- 
			<div class="d-footer-mt">
				Copyright © 2017 汇圆版权所有
			</div>
			-->
			<div class="d-footer-rt">
				 <ul>
					 <li><img src="{url:#qhf/image/c.jpg}" alt=""></li>
					 <li><img src="{url:#qhf/image/b.jpg}" alt=""></li>
					 <li><img src="{url:#qhf/image/d.jpg}" alt=""></li>
				 </ul>
			</div>
		</div>

	</div>


<script type="text/javascript">

{if:!empty($invalid)}
$("#div_msg").text("{$invalid[msg]}")
{/if}

function show_msg( msg )
{
	$("#div_msg").text(msg);
	setTimeout(function(){
		$("#div_msg").text('');
	},2000);
}
$(function(){
	
	$("#btn_login").click(function(){
		var account  = $.trim( $("#account").val() );
		var password = $.trim( $("#password").val() );
		var valicode = $.trim( $("#valicode").val() );
		if(account == '')
		{
			show_msg('手机号码不能为空');
			return;
		}
		/*
		if(!(/^1[34578]\d{9}$/.test( account )))
		{
			show_msg('您输入的手机号码不合法');
			return;
		}
		*/
		
		if(password == '')
		{
			show_msg('密码不能为空');
			return;
		}
		
		if(valicode == '')
		{
			show_msg('验证码不能为空');
			return;
		}
		
		if(!(/^[a-z]{4}$/.test(valicode)))
		{
			show_msg('验证码不合法');
			return;
		}
		$("#login_form").submit();
		
		
	});
	
});
</script>
</body>
</html>

